﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="../../assets/css/style.css" rel="stylesheet" />
</head>
<body id="body">
    <div class="page-table">

        <div class="table-controls clearfix">
            <div class="btn-group pull-right">
                <button type="button" class="btn"><i class="fa fa-edit"></i>编辑</button>
                <button type="button" class="btn"><i class="fa fa-trash-o"></i>删除</button>
                <button type="button" class="btn"><i class="fa fa-edit"></i>编辑</button>
            </div>
        </div>

        <table class="table table-chk">
            <thead>
                <tr>
                    <th class="mui-chk">
                        <input type="checkbox" id="chkAll" />
                    </th>
                    <th>姓名</th>
                    <th>邮件地址</th>
                    <th>手机号码</th>
                    <th>所在分组</th>
                    <th>其它</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <input type="checkbox" class="checkbox" />
                    </td>
                    <td>1009364337</td>
                    <td>1009364337@qq.com</td>
                    <td>17096358236</td>
                    <td>寂寞组</td>
                    <td>
                        <div class="mui-link-group">
                            <a href="javascript:void(0);" rel="self" class="mui-link mui-edit" title="修改">
                                <i class="fa fa-pencil"></i>
                            </a>
                            <a href="javascript:void(0);" class="mui-link mui-del" title="删除">
                                <i class="fa fa-trash-o"></i>
                            </a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" class="checkbox" />
                    </td>
                    <td>1009364337</td>
                    <td>1009364337@qq.com</td>
                    <td>17096358236</td>
                    <td>寂寞组</td>
                    <td>
                        <div class="mui-link-group">
                            <a href="javascript:void(0);" class="mui-link mui-edit" title="修改">
                                <i class="fa fa-pencil"></i>
                            </a>
                            <a href="javascript:void(0);" class="mui-link mui-del" title="删除">
                                <i class="fa fa-trash-o"></i>
                            </a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" class="checkbox" />
                    </td>
                    <td>1009364337</td>
                    <td>1009364337@qq.com</td>
                    <td>17096358236</td>
                    <td>寂寞组</td>
                    <td>
                        <div class="mui-link-group">
                            <a href="javascript:void(0);" class="mui-link mui-edit" title="修改">
                                <i class="fa fa-pencil"></i>
                            </a>
                            <a href="javascript:void(0);" class="mui-link mui-del" title="删除">
                                <i class="fa fa-trash-o"></i>
                            </a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" class="checkbox" />
                    </td>
                    <td>1009364337</td>
                    <td>1009364337@qq.com</td>
                    <td>17096358236</td>
                    <td>寂寞组</td>
                    <td>
                        <div class="mui-link-group">
                            <a href="javascript:void(0);" class="mui-link mui-edit" title="修改">
                                <i class="fa fa-pencil"></i>
                            </a>
                            <a href="javascript:void(0);" class="mui-link mui-del" title="删除">
                                <i class="fa fa-trash-o"></i>
                            </a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" class="checkbox" />
                    </td>
                    <td>1009364337</td>
                    <td>1009364337@qq.com</td>
                    <td>17096358236</td>
                    <td>寂寞组</td>
                    <td>
                        <div class="mui-link-group">
                            <a href="javascript:void(0);" class="mui-link mui-edit" title="修改">
                                <i class="fa fa-pencil"></i>
                            </a>
                            <a href="javascript:void(0);" class="mui-link mui-del" title="删除">
                                <i class="fa fa-trash-o"></i>
                            </a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" class="checkbox" />
                    </td>
                    <td>1009364337</td>
                    <td>1009364337@qq.com</td>
                    <td>17096358236</td>
                    <td>寂寞组</td>
                    <td>
                        <div class="mui-link-group">
                            <a href="javascript:void(0);" class="mui-link mui-edit" title="修改">
                                <i class="fa fa-pencil"></i>
                            </a>
                            <a href="javascript:void(0);" class="mui-link mui-del" title="删除">
                                <i class="fa fa-trash-o"></i>
                            </a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" class="checkbox" />
                    </td>
                    <td>1009364337</td>
                    <td>1009364337@qq.com</td>
                    <td>17096358236</td>
                    <td>寂寞组</td>
                    <td>
                        <div class="mui-link-group">
                            <a href="javascript:void(0);" class="mui-link mui-edit" title="修改">
                                <i class="fa fa-pencil"></i>
                            </a>
                            <a href="javascript:void(0);" class="mui-link mui-del" title="删除">
                                <i class="fa fa-trash-o"></i>
                            </a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" class="checkbox" />
                    </td>
                    <td>1009364337</td>
                    <td>1009364337@qq.com</td>
                    <td>17096358236</td>
                    <td>寂寞组</td>
                    <td>
                        <div class="mui-link-group">
                            <a href="javascript:void(0);" class="mui-link mui-edit" title="修改">
                                <i class="fa fa-pencil"></i>
                            </a>
                            <a href="javascript:void(0);" class="mui-link mui-del" title="删除">
                                <i class="fa fa-trash-o"></i>
                            </a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" class="checkbox" />
                    </td>
                    <td>1009364337</td>
                    <td>1009364337@qq.com</td>
                    <td>17096358236</td>
                    <td>寂寞组</td>
                    <td>
                        <div class="mui-link-group">
                            <a href="javascript:void(0);" class="mui-link mui-edit" title="修改">
                                <i class="fa fa-pencil"></i>
                            </a>
                            <a href="javascript:void(0);" class="mui-link mui-del" title="删除">
                                <i class="fa fa-trash-o"></i>
                            </a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" class="checkbox" />
                    </td>
                    <td>1009364337</td>
                    <td>1009364337@qq.com</td>
                    <td>17096358236</td>
                    <td>寂寞组</td>
                    <td>
                        <div class="mui-link-group">
                            <a href="javascript:void(0);" class="mui-link mui-edit" title="修改">
                                <i class="fa fa-pencil"></i>
                            </a>
                            <a href="javascript:void(0);" class="mui-link mui-del" title="删除">
                                <i class="fa fa-trash-o"></i>
                            </a>
                        </div>
                    </td>
                </tr>
        </table>
    </div>

    <div class="page-pagination">
        <ul>
            <li class="prev disabled"><a href="#">← Previous</a></li>
            <li class="active"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li class="next"><a href="#">Next → </a></li>
        </ul>
    </div>
</body>
</html>
